<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no,mail=yes">

	<title>{if isset($article.title)}{$article.title} - {/if}{if isset($catInfo.title)}{$catInfo.title} -
		{/if}{$config.name}</title>
	<meta name="keywords"
		content="{if isset($article.keywords)}{$article.keywords}{elseif isset($catInfo.keywords)}{$catInfo.keywords}{else}{$config.keyword}{/if}">
	<meta name="description"
		content="{if isset($article.subtitle)}{$article.subtitle}{elseif isset($catInfo.desc_text)}{$catInfo.desc_text}{else}{$config.content}{/if}">
	<link rel="shortcut icon" href="{$config.site_icon}" type="image/x-icon">
	<script src="/public/home/js/jquery-1.8.3.min.js"></script>
	<link rel="stylesheet" href="/public/home/layui/css/layui.css">
	<link rel="stylesheet" href="/public/home/css/common.css">
	<link rel="stylesheet" href="/public/home/css/hover.css">
	<link rel="stylesheet" href="/public/home/css/index.css">
	<script type="text/javascript" src="/public/home/layui/layui.js"></script>
	<link rel="stylesheet" href="/public/home/css/swiper-bundle.css" />
	<script src="/public/home/js/scrollReveal.js" type="text/javascript"></script>

</head>

<body>
	<header class="header w100">
	
			<div class="layui-main d-flex al-c jc-s">
			
					<div class="d-flex al-c">
						<a href="/" class="logo img_100 mr20 d-fs">
							<img class="" src="{$config.pic}">
						</a>
					</div>

					<ul class="d-flex  jc-se al-c layui-nav layui-hide-xs ">
						<li
							class="layui-nav-item {if (isset($catTreeList['topCate']['id']) && empty($catTreeList['topCate']['id'])) || !isset($catTreeList['topCate']['id'])}{/if}">
							<a href="/">{$function->getCatInfo('1')['title']}</a>
						</li>

						{foreach name="nav" item="navValue"}
							<li
								class="layui-nav-item {if (isset($catTreeList['topCate']['id']) && $catTreeList['topCate']['id'] == $navValue.id) }{/if} ">
								<a href="{$navValue.url}" > {$navValue.title}</a>
							</li>
						{/foreach}

					</ul>
					<div class="layui-hide layui-show-xs-block  ">
						<i lay-on="nav" class="layui-icon layui-icon-spread-left "></i>
					</div>
				
				<div class="d-flex gap20 al-c">
				    <a href="/index/member/" class="img_box d-fs">
				        <img src="/public/home/images/user-account.png">
				    </a>
                    <form>
                        <input placeholder="输入关键词搜索">
                        <button>
                            <img src="/public/home/images/search.png">
                        </button>
                    </form>
				</div>
				
			</div>
	</header>

	<script>
  layui.use(function(){
    var layer = layui.layer;
 
    	
    		var util = layui.util;
			util.on({
				nav: function () {
					layer.open({
						type: 1,
						offset: 'l',
						anim: 'slideRight', // 从左往右
						area: ['200px', '100%'],
						shade: 0.1,
						title: false,
						shadeClose: true,
						closeBtn: 0,
						id: 'ID-demo-layer-direction-l',
						content: `
                <ul class="gary_c3 d-grid gap30  pt40 pb40">
                
                	<li class="pl20 pr20 {if (isset($catTreeList['topCate']['id']) && empty($catTreeList['topCate']['id'])) || !isset($catTreeList['topCate']['id'])}layui-this {/if}">
							<a href="/">{$function->getCatInfo('1')['title']}</a>
						</li>
						{foreach name="nav" item="navValue"}
            			<li
            				class="pl20 pr20 {if (isset($catTreeList['topCate']['id']) && $catTreeList['topCate']['id'] == $navValue.id) }layui-this {/if} ">
            				<a {if !$navValue.childList}href="{$navValue.url}" {/if}> {$navValue.title}</a>
            			</li>
            		{/foreach}
            		</ul>
						
                `
					});
				},
			});
    	
  });

	</script>